﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
    CodeFile="Resume.aspx.cs" Inherits="Resume" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <title>Resume</title>
    <style>
        #page_conteiner
        {
            width: 980px;
            background-color: White;
            min-height: 1374px;
            top: 368px;
            position: absolute;
        }
        .myself
        {
            width: 925px;
            min-height: 215px;
            left: 25px;
            top: 30px;
            position: absolute;
            background-color: rgb(246,240,223);
        }
        .font_01
        {
            font: 39px Niconne, cursive;
        }
        .font_02
        {
            font: 18px Caudex, serif;
        }
        .font_03
        {
            font: 14px Caudex, serif;
        }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#Mnbttn1,#Mnbttn2,#Mnbttn3,#Mnbttn4").removeClass('select');
            $("#Mnbttn3").addClass('select');
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div id="page_conteiner">
        <div class="myself">
            <div style="width: 555px; left: 30px; top: 30px; position: absolute;">
                <p>
                    <span class="font_01">Trần Trấn An</span>
                </p>
            </div>
            <div style="width: 555px; left: 30px; top: 90px; position: absolute">
                <p class="font_02">
                    <span>E-mail: tranan.aptech@gmail.com</span>
                </p>
                <p class="font_02">
                    <span>Phone: 0125 226 1255</span>
                </p>
            </div>
            <div style="visibility: visible; left: 712px; width: 213px; min-height: 213px; position: absolute;">
                <img src="image/myself/399725_259361160834022_548253699_n.jpg" width="213px" height="213px" />
            </div>
        </div>
        <div style="left: 30px; top: 260px; position: absolute;">
            <p>
                <span class="font_01">Professional info</span>
            </p>
            <div style="width: 650px; border-top: 2px dotted black;">
            </div>
        </div>
        <div style="width: 650px; left: 30px; top: 320px; position: absolute">
            <p>
                <span class="font_03">I'm a paragraph. Click here to add your own text and edit me.
                    It’s easy. Just click “Edit Text” or double click me and you can start adding your
                    own content and make changes to the font. Feel free to drag and drop me anywhere
                    you like on your page. I’m a great place for you to write more. Tell a story about
                    yourself.</span>
            </p>
        </div>
        <div style="left: 30px; top: 420px; position: absolute;">
            <p>
                <span class="font_01">Work experience</span>
            </p>
            <div style="width: 650px; border-top: 2px dotted black;">
            </div>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 490px; position: absolute">
            <div>
                <p>
                    <span class="font_02">Job position. Click to edit me.</span><br />
                    <span class="font_02">2010 - present</span>
                </p>
            </div>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 550px; position: absolute;">
            <p>
                <span class="font_03">I'm a paragraph. Click here to add your own text and edit me.
                    It’s easy. Just click “Edit Text” or double click me and you can start adding your
                    own content and make changes to the font. Feel free to drag and drop me anywhere
                    you like on your page. I’m a great place for you to write more. Tell a story about
                    yourself.</span>
            </p>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 650px; position: absolute">
            <div>
                <p>
                    <span class="font_02">Job position. Click to edit me.</span><br />
                    <span class="font_02">2010 - present</span>
                </p>
            </div>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 710px; position: absolute;">
            <p>
                <span class="font_03">I'm a paragraph. Click here to add your own text and edit me.
                    It’s easy. Just click “Edit Text” or double click me and you can start adding your
                    own content and make changes to the font. Feel free to drag and drop me anywhere
                    you like on your page. I’m a great place for you to write more. Tell a story about
                    yourself.</span>
            </p>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 810px; position: absolute">
            <div>
                <p>
                    <span class="font_02">Job position. Click to edit me.</span><br />
                    <span class="font_02">2010 - present</span>
                </p>
            </div>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 870px; position: absolute;">
            <p>
                <span class="font_03">I'm a paragraph. Click here to add your own text and edit me.
                    It’s easy. Just click “Edit Text” or double click me and you can start adding your
                    own content and make changes to the font. Feel free to drag and drop me anywhere
                    you like on your page. I’m a great place for you to write more. Tell a story about
                    yourself.</span>
            </p>
        </div>
        <div style="left: 30px; top: 970px; position: absolute;">
            <p>
                <span class="font_01">Education</span>
            </p>
            <div style="width: 650px; border-top: 2px dotted black;">
            </div>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 1050px; position: absolute">
            <div>
                <p>
                    <span class="font_02">University name. Click to edit me.</span><br />
                    <span class="font_02">2010 - present</span>
                </p>
            </div>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 1110px; position: absolute;">
            <p>
                <span class="font_03">I'm a paragraph. Click here to add your own text and edit me.
                    It’s easy. Just click “Edit Text” or double click me and you can start adding your
                    own content and make changes to the font. Feel free to drag and drop me anywhere
                    you like on your page. I’m a great place for you to write more. Tell a story about
                    yourself.</span>
            </p>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 1210px; position: absolute">
            <div>
                <p>
                    <span class="font_02">University name. Click to edit me.</span><br />
                    <span class="font_02">2010 - present</span>
                </p>
            </div>
        </div>
        <div style="width: 635px; min-height: 5px; left: 30px; top: 1270px; position: absolute;"
            class="last">
            <p>
                <span class="font_03">I'm a paragraph. Click here to add your own text and edit me.
                    It’s easy. Just click “Edit Text” or double click me and you can start adding your
                    own content and make changes to the font. Feel free to drag and drop me anywhere
                    you like on your page. I’m a great place for you to write more. Tell a story about
                    yourself.</span>
            </p>
        </div>
    </div>
    <div class="show_cart"></div>
</asp:Content>
